<template>
  <a-collapse v-model:activeKey="activeKey">
    <a-collapse-panel key="1" header="布局组件">
      <LayoutCompDraggable />
    </a-collapse-panel>
    <a-collapse-panel key="2" header="基础组件">
      <BasicCompDraggable />
    </a-collapse-panel>
    <a-collapse-panel key="3" header="图表组件">
      <div>柱状图</div>
      <div>折线图</div>
      <div>饼图</div>
      <div>仪表盘</div>
    </a-collapse-panel>
    <a-collapse-panel key="5" header="容器">
      <div>弹窗</div>
    </a-collapse-panel>
  </a-collapse>
</template>

<script setup lang="ts">
const activeKey = ref(['1'])
</script>

<style scoped></style>
